<script lang="ts" setup>
import Header from './components/header.vue';
import Footer from './components/footer.vue';
import { useRoute } from 'vue-router';
import useUserInfoStore from './stores/user';
import { getInfo } from './tools/api';

</script>

<template>

  <Header />
  <div class="wrapper-content">
    <RouterView />
  </div>
  <Footer />
</template>

<style>
#app {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  height: 100vh;
}

.wrapper-content {
  flex: 1;
  background: #F8F8FA;
}
.headerName{

}
.headerName .el-table__cell{
  background-color: #f5f5f5!important;
  font-size: 16px!important;
  color: #666666!important;
}
.el-pagination.is-background .el-pager li.is-active{
  background-color:#0C9397!important;
}
.el-table__expanded-cell{
  background-color: #f5f5f5!important;
}
 .testTable .el-table__row .el-table__cell{
  font-size: 16px!important;
  padding: 35px 0!important;

}
.dialogBox .el-dialog{
background-color: transparent!important   ;
box-shadow: none!important;
}
</style>
